<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>闲置转让</title>
    <link href="../css/style.css?v=1" rel="stylesheet">
    <link href="../css/send.css?v=4" rel="stylesheet">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="../js/jquery-1.8.1.min.js"></script>
    <script src="../js/iscroll.js"></script>
</head>

<body>
    <div class="head">
        <img src="../icon/return.png" onclick="window.history.back()" /> 闲置转让
        <a href="add.html" class="send_url">发布</a>
    </div>
    <div class="top-empty"></div>

    <div class="slider">
        <ul>
            <li>
                <a href="" target="_blank">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1260278640,3769349609&fm=27&gp=0.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="" target="_blank">
                    <img src="http://img5.imgtn.bdimg.com/it/u=1203448106,3220187713&fm=27&gp=0.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
    <div class="list">
        <div class="single">
            <img src="../icon/jianding.png">
            <p>卖翡翠</p>
        </div>
        <div class="single">
            <img src="../icon/dingzhi.png">
            <p>卖玉石</p>
        </div>
        <div class="single">
            <img src="../icon/jianding.png">
            <p>卖黄金</p>
        </div>
        <div class="single">
            <img src="../icon/jianding.png">
            <p>卖钻石</p>
        </div>
        <div class="clear"></div>
    </div>
    <div class="send_list margin10">
        <div class="send_head">
            <div class="single ">
                <a class="active" onclick="qiehuan(this,'1')">最新的</a>
            </div>
            <div class="single">
                <a class="" onclick="qiehuan(this,'2')">附近的</a>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 最新的 -->
    <div class="new">
        <div class="message" onclick="window.location.href='detail.html'">
            <div class="mes_head">
                <img src="../img/headimg.jpg" class="headimg">
                <div class="head_img">
                    <p>会员名称</p>
                    <p class="p2">1小时前来过</p>
                </div>
                <div style="float:right;padding:9px 15px;color:rgb(255,108,108)">￥1000</div>
                <div class="clear"></div>
            </div>
            <div class="mes_tu wrapper c1" id="wrapper">
                <ul>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="body">翡翠语调件 翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件</div>
            <div class="mes_foot">来自广东</div>
        </div>
        <div class="message margin10">
            <div class="mes_head">
                <img src="../img/headimg.jpg" class="headimg">
                <div class="head_img">
                    <p>会员名称</p>
                    <p class="p2">1小时前来过</p>
                </div>
                <div style="float:right;padding:9px 15px;color:rgb(255,108,108)">￥1000</div>
                <div class="clear"></div>
            </div>
            <div class="mes_tu wrapper c1" id="wrapper">
                <ul>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="body">翡翠语调件 翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件</div>
            <div class="mes_foot">来自广东</div>
        </div>
    </div>
    <!--最近的 -->
    <div class="near">
        <div class="message">
            <div class="mes_head">
                <img src="../img/headimg.jpg" class="headimg">
                <div class="head_img">
                    <p>会员名称</p>
                    <p class="p2">1小时前来过</p>
                </div>
                <div style="float:right;padding:9px 15px;color:rgb(255,108,108)">￥1000</div>
                <div class="clear"></div>
            </div>
            <div class="mes_tu wrapper c1" id="wrapper">
                <ul>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="body">翡翠语调件 翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件</div>
            <div class="mes_foot">来自广东</div>
        </div>
        <div class="message margin10">
            <div class="mes_head">
                <img src="../img/headimg.jpg" class="headimg">
                <div class="head_img">
                    <p>会员名称</p>
                    <p class="p2">1小时前来过</p>
                </div>
                <div style="float:right;padding:9px 15px;color:rgb(255,108,108)">￥1000</div>
                <div class="clear"></div>
            </div>
            <div class="mes_tu wrapper c1" id="wrapper">
                <ul>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="body">翡翠语调件 翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件</div>
            <div class="mes_foot">来自东北</div>
        </div>
        <div class="message margin10">
            <div class="mes_head">
                <img src="../img/headimg.jpg" class="headimg">
                <div class="head_img">
                    <p>会员名称</p>
                    <p class="p2">1小时前来过</p>
                </div>
                <div class="clear"></div>
            </div>
            <div class="mes_tu wrapper c1" id="wrapper">
                <ul>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                    <li class="single">
                        <img src="../img/zuanshi.jpg">
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="body">翡翠语调件 翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件翡翠语调件</div>
            <div class="mes_foot">来自东北</div>
        </div>
    </div>
    <br>
    <br>
    <br>
    <div class="foot">
            <a href="../index.html">
            <div class="single">
                <img src="../icon/home.png">
                <p>首页</p>
            </div>
            </a>
            <div class="single">
                <img src="../icon/xiaoxi.png">
                <p>消息</p>
            </div>
    
            <div class="single">
                <img src="../icon/send.png">
                <p>发布</p>
            </div>
            <div class="single">
                <img src="../icon/paimai.png">
                <p>拍卖</p>
            </div>
            <div class="single">
                <img src="../icon/user.png">
                <p>我的</p>
            </div>
        </div>
</body>
<script type="text/javascript" src="../js/yxMobileSlider.js"></script>
<script>
    $(".slider").yxMobileSlider({ width: 640, height: 360, during: 3000 })
</script>

<script>
    function wrapper() {
        $(".c1 ul").each(function (index, th) {
            var ele = $(th);
            ele.width((ele.find("li").length) * (ele.find("li").width() + 10) + 10);
        })
        $(".wrapper").each(function (index, th) {

            var myScroll = new IScroll(th, {
                scrollX: true,
                scrollY: false,
                disablePointer: true,
                disableTouch: false,
                eventPassthrough: true
            });
        })
    }
    wrapper()
</script>
<script>
    function qiehuan(th, s) {
        $('.send_list a').removeClass("active");
        $(th).addClass("active");
        if (s == 1) {
            $(".new").css("display", "block");
            $(".near").css("display", "none");
        } else {
            $(".new").css("display", "none");
            $(".near").css("display", "block");

        }
        wrapper()
    }
</script>

</html>